.focus {
  height: 700px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: data-uri('../img/slotbaner.jpg') no-repeat bottom center;
  background-size: cover;
  text-align: center;
}

.focus-title {
  height: 92px;
  width: 312px;
  background: data-uri('../img/slot-tit.png') no-repeat center center;
  margin: 220px auto 0;
  animation: bounceInDown 2s both;
}

.focus-jackpot {
  width: 550px;
  height: 85px;
  margin: 90px auto 0;
  color: #fff;
}

.focus-jackpot-contianer {
  height: 85px;
}

.jackpot-slide {
  text-align: left;
}

.focus-jackpot-info {
  font-size: 21px;
  margin-top: 10px;

  em {
    font-weight: normal;
    font-style: normal;
    color: red;
    margin: 0 7px;
  }

  .game-name {
    margin: 0 7px;
    color: #fedc09;
  }

  &:first-child {
    margin-top: 0;
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.main-container {
  min-height: 100%;
  background: #1e0b07 url('../img/slot-bj.jpg') no-repeat center top;
}